在 SwiftUI 中建立自定義控件是一個很有趣的過程。以下是如何創建一個自定義控件的簡單步驟:
首先,創建一個新的 Swift 文件,並在其中定義你的自定義控件結構。例如,我們來創建一個簡單的自定義按鈕:
import SwiftUI
struct CustomButton: View {
var title: String
var action: () -> Void
var body: some View {
Button(action: action) {
Text(title)
.padding()
.background(Color.blue)
.foregroundColor(.white)
.cornerRadius(10)
}
}
}
在這裡,我們定義了一個 CustomButton
結構,這個控件接受兩個參數:title
和 action
。title
是按鈕上顯示的文字,action
是按鈕被點擊時執行的操作。
在你的主視圖或其他視圖中,你可以像使用內建控件一樣使用你的 CustomButton
:
struct ContentView: View {
var body: some View {
VStack {
CustomButton(title: "點擊我") {
print("按鈕被點擊了!")
}
.padding()
}
}
}
這裡,我們在 ContentView
中創建了一個 CustomButton
實例,並傳遞了按鈕的標題和點擊事件的處理方法。
你可以進一步自定義控件的樣式,例如改變背景顏色、文字顏色或添加其他視覺效果。所有的這些都可以在 body
屬性中進行調整。
這就是建立自定義控件的基本過程。你可以根據需要創建更複雜的控件,並將它們重複使用於你的 SwiftUI 應用中。